<template>
  <div id="app">
    <!-- <head1></head1> -->
    <!-- <Header></Header> -->
    <Banner :banners="banners"></Banner>
    <head3></head3>
    <!-- <Login></Login> -->

    <!-- <NewsList :news="news"></NewsList> -->
    <!-- 如下是测试子组件传来的触发值，只做测试用，因为组件被其它地方在使用暂时注释掉-->
    <!-- <Channels @change="testguo"></Channels>   -->

    <router-view />
    <!-- <Home></Home> -->
    <Footer></Footer>
  </div>
</template>

<script>
// import Header from "./views/Header"
import Banner from "@/banner/Banner"
import Footer from "./views/Footer"
// import Login from "@/views/login_logout/Login"
// import Home from "@/views/Home"
// import head1 from "@/views/head1"
import head3 from "@/views/head3_bar"


// import NewsList from "@/views/news/NewsList"
// import Channels from "./views/news/Channels"
// import {getNews} from "./service/newsService"


export default {
  name: "App",
  components:{
    // Header,
    Footer,
    Banner,
    // Login,
    // head1,
    head3,

    // NewsList,
    // Channels

    },
  data(){
    return{
      banners:[{url:require("@/assets/1.png"),link:"https://www.jd.com"},   //父组件向子组件传值[轮播图的数据]
                {url:require("@/assets/2.png"),link:"https://www.taobao.com"},
                {url:require("@/assets/3.png"),link:"https://www.xiaomi.com"}],
      // news:[],
    }
    
  },


// async created(){
//  var res = await getNews("5572a108b3cdc86cf39001cd")
//  this.news=res
//  console.log(this.news)
// }

// methods: {
//   testguo(newId){
//     console.log("撒旦发射点共i阿桑的歌i哦啊结果")
//     console.log(newId)
//   }
// },

//测试新闻接口
// async created(){
// var res =  await getNews()
// console.log(res)
// }

};
</script>

<style scoped>

/* #app { */
  /* font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px; */
  /* background: chocolate; */
/* }  */
</style>
